@external .tick,.major,.minor;

text{
    font: 10px sans-serif;
}

.svg {
    margin: 0;
}



path.line {
    fill: none;
    stroke: #666;
    stroke-width: 1.5px;
}

path.area {
    fill: #e7e7e7;
    clip-path: rect(auto, auto, auto, 40px);
}

.axis {
    shape-rendering: crispEdges;
}

.x.axis line {
    stroke: #fff;
}

.x.axis .minor {
    stroke-opacity: .5;
}

.x.axis path {
    display: none;
}

.y.axis line, .y.axis path {
    fill: none;
    stroke: #000;
}

.brush {
    stroke: #fff;
    fill-opacity: .125;
    shape-rendering: crispEdges;
}

.extent {
    stroke: #fff;
    fill-opacity: .125;
    shape-rendering: crispEdges;
}